﻿@using Eksponent.CropUp
@using Lu.Blog.Models
@using uTweets
@inherits Umbraco.Web.Mvc.UmbracoViewPage<Lu.Blog.Models.FooterViewModel>
<!-- FOOTER -->
<footer>
    <div class="wrapper cf">
			
        <!-- widgets -->
        <ul  class="widget-cols cf">
            <li class="first-col">
						
                <div class="widget-block">
                    <h4>@(Umbraco.GetDictionaryValue("Post_recent").ToUpper())</h4>
                    @foreach (PostShortcut item in Model.Posts)
                    {
                        <div class="recent-post cf">
                            <a href="@item.Link" class="thumb"><img src="@CropUp.GetUrl(item.ImageUrl, new ImageSizeArguments {CropAlias = "postShortcut"})" alt="Post_@(item.Title)" /></a>
                            <div class="post-head">
                                <a href="@item.Link">@item.Title</a><span>@item.Date</span>
                            </div>
                        </div>
                    }
                </div>
            </li>
					
            <li class="second-col">
						
                <div class="widget-block">
                    <h4>@(Umbraco.GetDictionaryValue("About").ToUpper())</h4>
                    @Html.Raw(@Model.AboutText)
                </div>
						
            </li>
					
            <li class="third-col twitter-block">
						
                <div class="widget-block">
                    <div id="tweets" class="footer-col tweet">
                        <h4>@(Umbraco.GetDictionaryValue("Twitter_header").ToUpper())</h4>
                    </div>
                    <blockquote>
                        @{
                            TwitterStatus t = new Tweets().GetTweets().OrderByDescending(o => o.CreatedDate).First();
                        }
                        @Html.Raw(t.TextAsHtml)
                    </blockquote>
                    <div>
                        <img src="~/design/img/custom/Twitter-bird.png?width=100"/>
                    </div>
                </div>
		         		
            </li>

            <li class="fourth-col">
						
                <div class="widget-block">
                    <h4>@(Umbraco.GetDictionaryValue("Categories").ToUpper())</h4>
                    <ul>
                        @foreach (CategoryShortcut item in Model.Categories)
                        {
                            <li class="cat-item"><a href="@item.Link">@item.Label</a></li>
                        }
                    </ul>
                </div>
		         		
            </li>
        </ul>
        <!-- ENDS widgets -->	
				
        @{
            string twitterName = Umbraco.GetDictionaryValue("uTweets");
        }
				
        <!-- bottom -->
        <div class="footer-bottom">
            <div class="left">Designed by <a href="http://luiszuno.com" >luiszuno.com</a></div>
            <ul id="social-bar" class="cf sb">
                @*<li><a href="http://www.facebook.com"  title="Become a fan" class="facebook">Facebbok</a></li>*@
                <li><a href="http://www.twitter.com/@twitterName" title="Follow my tweets" class="twitter"></a></li>
                @*<li><a href="http://plus.google.com" title="Enter my circles" class="plus"></a></li>*@
            </ul>
        </div>	
        <!-- ENDS bottom -->
			
    </div>
</footer>